<!DOCTYPE HTML>
<html lang="zh-CN">
	<head>
		<meta charset=utf-8>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name=description content="description">
		<meta name=viewport content="width=device-width, initial-scale=1">
		<meta name="keywords" content="keywords">
		<title>登录-二木小站</title>
		<link rel="stylesheet" href="../css/login.css" />
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
		<script src="../css/login.js"></script>
	</head>
	<body style="background-color:#f8f8f8;">
		<div class="flex-left">
			<div class="unit-1 top">
				<div class="top-nav content-top">
					<div class="top-logo"><img src="../images/logo.png"/> </div>
					<div class="top-mobile-nav">
						<a class="top-nav-menu">
							<span class="menu-icon"></span>
						</a>
					</div>
					<ul class="nav-ul">
						<li><a href="../index.html">首页</a></li>
						<li><a href="../shop/commodity.html">商城</a></li>
						<li><a href="../member/member.html">会员中心</a></li>
						<li><a href="../search/searchs.html">搜索</a></li>
					</ul>
					<form class="top-search">
						<input class="top-search-in" type="search" name="q" placeholder="搜索..."  />
						<button class="bottom"><i class="btn-icon"></i></button>
					</form>
				</div>
			</div>
		</div>
		<div class="flex-left content-wrap">
			<!--登录-->
			<div class="login-box">
				<div class="login-top-bg"><span>登录</span></div>
				<div class="login-content tipse">
					<form>
						<input id="lname" class="login-in" name="name1" type="text" placeholder="用户名"/>
						<span id="name1" class="name1-tip">●</span>
						<input id="lpass" class="login-in" name="pass1" type="password" placeholder="密码"/>
						<span id="pass1" class="name1-tip">●</span>
						<button class="register-btn login-btn">登录</button>
					</form>
					<button class="register-btn reg-btn not-btn" onclick="">注册</button>
					<a class="retrieve" href="#">找回密码</a>
					<div class="login-icon">
						<p class="login-left-text">其它登录</p>
						<a class="wxlogin" href="#" alt="微信登录"></a>
						<a class="qqlogin" href="#" alt="QQ登录"></a>
						<a class="wblogin" href="#" alt="微博登录"></a>
					</div>
				</div>
			</div>
			<!--注册-->
			<div class="login-box" style="display:none;">
				<div class="login-top-bg"><span>注册</span></div>
				<div class="login-content tipse">
					<form name="RegisterForm" onsubmit="return registerform()">
						<input id="rname" class="login-in" name="name2" type="text" placeholder="用户名"/>
						<span id="name2" class="name1-tip">●</span>
						<input id="remail" class="login-in" name="email2" type="email" placeholder="E-mail"/>
						<span id="email2" class="name1-tip">●</span>
						<input id="rtel" class="login-in" name="telphone2" type="tel" placeholder="电话/手机号"/>
						<span id="telphone2" class="name1-tip">●</span>
						<input id="rpassword" class="login-in" name="pass2" type="password" placeholder="١١(❛ᴗ❛)密码"/>
						<span id="pass2" class="name1-tip">●</span>
						<input id="spassword" class="login-in" name="pass3" type="password" placeholder="第二次密码"/>
						<span id="pass3" class="name1-tip">●</span>
						<button class="register-btn reg-btn">注册</button>
					</form>
					<button class="register-btn login-btn not-btn" onclick="">登录</button>
					<div class="login-icon">
						<p class="login-left-text">其它登录</p>
						<a class="wxlogin" href="#" alt="微信登录"></a>
						<a class="qqlogin" href="#" alt="QQ登录"></a>
						<a class="wblogin" href="#" alt="微博登录"></a>
					</div>
				</div>
			</div>
		</div>
		<!--手机菜单栏-->
		<script language="javascript">
			$(".top-mobile-nav").click(function(){
				$(".nav-ul").toggle();
			});
			$(".not-btn").click(function(){
				$(".login-box").toggle();
			});
		</script>
	</body>
</html>